<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Aprinter Web Interface</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="reprap.css" rel="stylesheet">
    <script src="react/react.js"></script>
    <script src="react/react-dom.js"></script>
    <script src="jquery/jquery.js"></script>
    <script src='bootstrap/js/bootstrap.min.js'></script>
    <script src='requirejs/require.js'></script>
    <script src='ResizeSensor/resize-sensor.js'></script>
  </head>
  <body>
    <div id="window-div" class="flex-column window-div">
        <div class="panel panel-default top-panel">
            <div class="panel-heading top-panel-head" id="toppanel_div">
            </div>
        </div>
        <div class="flex-row flex-shrink1 flex-grow1 min-height0 content-div">
            <div class="flex-column autoscroll-y main-controls-container">
                <div class="panel panel-default control-panel all-panel-margin flex-column flex-grow1 gcode-panel" id="gcode_panel">
                    <div class="panel-body flex-column flex-grow1" id="gcode_div"></div>
                </div>
                <div class="panel panel-default control-panel all-panel-margin" id="axes_panel" hidden>
                    <div class="panel-body" id="axes_div"></div>
                </div>
                <div class="panel panel-default control-panel all-panel-margin" id="heaters_panel" hidden>
                    <div class="panel-body" id="heaters_div"></div>
                </div>
                <div class="panel panel-default control-panel all-panel-margin" id="fans_panel" hidden>
                    <div class="panel-body" id="fans_div"></div>
                </div>
                <div class="panel panel-default control-panel all-panel-margin" id="speed_panel" hidden>
                    <div class="panel-body" id="speed_div"></div>
                </div>
            </div>
            <div class="flex-column flex-grow1 main-panel-container">
                <div class="panel panel-default control-panel flex-column flex-shrink1 flex-grow1 all-panel-margin main-panel">
                    <div class="panel-heading flex-column control-tabs-panel-heading">
                        <ul class="nav nav-tabs control-tabs" role="tablist" id="main_tabs_ul">
                            <li role="presentation" hidden id="sdcard_tab">
                                <a href="#sdcard_div" aria-controls="sdcard_div" role="tab" data-toggle="tab">SD card</a>
                            </li>
                            <li role="presentation" hidden id="config_tab">
                                <a href="#config_div" aria-controls="config_div" role="tab" data-toggle="tab">Configuration</a>
                            </li>
                        </ul>
                    </div>
                    <div class="panel-body flex-column flex-shrink1 flex-grow1 min-height0">
                        <div class="tab-content control-tabcontent flex-column flex-shrink1 flex-grow1 min-height0" id="tab_content_div">
                            <div role="tabpanel" class="tab-pane flex-column flex-shrink1 flex-grow1 min-height0" id="sdcard_div">
                            </div>
                            <div role="tabpanel" class="tab-pane flex-column flex-shrink1 flex-grow1 min-height0" id="config_div">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="dialog_modal" tabindex="-1" role="dialog" aria-labelledby="dialog_modal_label">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="dialog_modal_label"></h4>
                </div>
                <div class="modal-body" id="dialog_modal_body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="dialog_modal_close" data-dismiss="modal"></button>
                    <button type="button" class="btn btn-primary" id="dialog_modal_confirm"></button>
                </div>
            </div>
        </div>
    </div>
    <script src="reprap.js"></script>
  </body>
</html>
